<template>
	<scroll-view class="left-menu" scroll-y="true">
		<view class="menu-item "   :class="{active:1==currentid}">
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>123</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			<view>美容清洗</view>
			
		</view>
	</scroll-view>
</template>

<script>
	export default{
		data(){
			return{
				currentid:1
			}
		}
	}
</script>

<style>
	/* .sort-container {
		display: flex;
	} */
	
	.left-menu {
		width: 190rpx;
		font-size: 30rpx;
		text-align: center;
		flex-shrink: 0;
		height: 100vh;
	}
	
	.menu-item {
		line-height: 100rpx;
		border-left: 10rpx solid transparent;
	}
	
	.left-menu .active {
		border-color: #fab10a;
		background-color: #fff;
	}
</style>
